* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.f-icon {
    background: url(../../static/icon/icon.png) no-repeat;
    display: inline-block;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
    font-weight: 400;
}

img {
    vertical-align: top;
}

body {
    line-height: 24px;
    color: #333;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;
}

.cf::after {
    content: "";
    clear: both;
    display: block;
}

.contaninter {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.flexslider {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    .slides {
        li {
            width: 100%;
            height: 100%;
            a {
                color: #333;
                text-decoration: none;
                img {
                    width: 100%;
                    height: 448px;
                    display: block;
                }
            }
        }
    }
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
        li {
            margin: 0 2px;
            display: inline-block;
            background-color: rgba(255, 255, 255, .5);
            border-radius: 50%;
            text-indent: -99em;
            width: 10px;
            height: 10px;
            cursor: pointer;
        }
    }
}